<template>
    <div class="main-container">
        <navbar title="新闻详情"></navbar>
        <div class="newinfoContainer">
            <h1>{{newinfo.title}}</h1>
            <p class="secondtitle">
                <span>{{newinfo.author}}</span>
                <span>{{newinfo.date | dateFormat}}</span>
                <span>{{newinfo.comment}}</span>
            </p>
            <div class="newcontent">
                <div class="mui-content-padded">
                    <p>我国在西昌卫星发射中心用长征三号乙运载火箭，以“一箭双星”方式成功发射第二十四、二十五颗北斗导航卫星。这两颗卫星属于中圆地球轨道卫星，是我国北斗三号第一、二颗组网卫星，开启了北斗卫星导航系统全球组网的新时代。</p>
                    <p>
                        <img src="http://h.hiphotos.baidu.com/image/h%3D300/sign=ff6ed7cfa718972bbc3a06cad6cc7b9d/267f9e2f07082838304837cfb499a9014d08f1a0.jpg"
                            data-preview-src="" data-preview-group="1" />
                    </p>
                    <p>卫星入轨后，经测试及入网验证，可对外提供服务。此次北斗三号全球组网卫星首次发射，将稳步推动北斗三号系统建设，加快北斗系统尽早服务全球，造福全人类。北斗三号卫星将增加性能更优的互操作信号，在进一步提高基本导航服务能力基础上，按照国际标准提供星基增强服务及搜索救援服务。同时，还将采用更高性能的铷原子钟和氢原子钟。北斗三号在北斗二号性能的基础上，将进一步提升1至2倍的定位精度，达到2.5米—5米的水平。</p>
                    <p>
                        <img src="http://h.hiphotos.baidu.com/image/h%3D300/sign=ff6ed7cfa718972bbc3a06cad6cc7b9d/267f9e2f07082838304837cfb499a9014d08f1a0.jpg"
                            data-preview-src="" data-preview-group="1" />
                    </p>
                    <p>据介绍，2009年北斗三号工程正式启动建设。在各大系统和众多参研参试单位共同努力下，我国全面突破系统核心关键技术，完成地面验证，卫星状态基本固化。从此次任务起，我国迎来新一轮北斗组网卫星高密度发射，到2018年底前后，将发射18颗北斗三号组网卫星，覆盖“一带一路”沿线国家；到2020年左右，完成30多颗组网卫星发射，实现全球服务能力。
                    </p>
                    <p>
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532860902805&di=50ccfe256632bd804ffba0e2792d8053&imgtype=0&src=http%3A%2F%2Fpic9.photophoto.cn%2F20081128%2F0033033999061521_b.jpg"
                            data-preview-src="" data-preview-group="1" />
                    </p>
                    <p>
                        当前，北斗的高精度定位、高精度授时、短报文发送功能，与互联网、大数据、云计算、先进“智造”等碰撞融合，不断产生巨大的经济社会效益。一条完整的北斗产业链初具规模：全国从事北斗开发应用的企业已达1.4万家，从业人员近45万，总体产值2118亿元；在70多个国家和地区，吸引了大量忠实的“北斗粉丝”。“自主创新、团结协作、攻坚克难、追求卓越”，北斗精神厚积薄发。北斗的发展，已远远超越当年的设计，未来将只受想象力限制。
                    </p>
                </div>
                <!-- <div v-html="newinfo.content"></div> -->
            </div>

            <!-- 评论区 传递参数给子组件-->
            <comment-box :id="newid"></comment-box>

        </div>
    </div>

</template>

<script>
    // 图片预览
    // import './lib/mui/js/mui.min.js'
    // import './lib/mui/js/mui.zoom.js'
    // import './lib/mui/js/mui.previewimage.js'


    import {
        Toast
    } from 'mint-ui';

    // 导入评论子组件
    import comments from '../comments.vue'
    import NavBar from '../common/navbar.vue'

    export default {
        data() {
            return {
                newid: this.$route.params.id,
                // 默认的新闻详情
                newinfo: {
                    id: '2yy3d',
                    title: '我国"一箭双星"发射两颗北斗卫星 开启全球组网新时代',
                    author: '央视网',
                    date: '2018-7-29 13:54:53',
                    comment: '1.5万评',
                    imgurl: 'http://f.hiphotos.baidu.com/image/pic/item/63d0f703918fa0ece5f167da2a9759ee3d6ddb37.jpg',
                    content: '11111111111111111111111111111111111111111111111'
                }
            }
        },
        created() {
            this.getNew();
        },
        methods: {
            getNew() {

                this.$http.get("api/getnewinfo/" + this.newid).then(res => {
                        console.log("获取新闻详情成功");
                        console.log(res);
                        // if (res.body.status == 0) {
                        //     this.newinfo = res.body.message;
                        // } 
                        // else {
                        //     console.log("no");
                        // }
                        //Toast('获取新闻详情成功');

                        this.newinfo = {
                            id: '2yy3d',
                            title: '我国"一箭双星"发射两颗北斗卫星 开启全球组网新时代',
                            author: '央视网',
                            date: '2018-7-29 13:54:53',
                            comment: '1.5万评',
                            imgurl: 'http://f.hiphotos.baidu.com/image/pic/item/63d0f703918fa0ece5f167da2a9759ee3d6ddb37.jpg',
                            content: '11111111111111111111111111111111111111111111111'
                        };
                    },
                    res => {
                        console.log("error callback");
                        console.log(res);
                    }
                );
            }
        },
        //注册子组价
        components: {
            'comment-box': comments,
            navbar: NavBar
        }

    }
</script>

<style lang="scss" scoped>
    .newinfoContainer {
        padding: 6px;

        h1 {
            font-size: 18px;
            line-height: 1.3;
        }
        .secondtitle {
            span {
                padding-right: 10px;
            }
        }
        .newcontent {
            img {
                width: 100%;
            }
        }
        .mui-content-padded {
            padding: 0;
            margin: 0;
        }
    }

    .mui-table-view {
        li {
            h1 {
                font-size: 14px;
            }
            .mui-ellipsis {
                font-size: 12px;
                display: flex;
                justify-content: flex-start;

                span {
                    padding-right: 15px;
                }
            }
        }
    }
</style>